<template>
  <div class="dy-main PropertyInformation">
    <div class="dy-header">
      <x-header :right-options="{showMore: false}" :left-options="{preventGoBack:true}" @on-click-back="back">产品信息</x-header>
      <!-- <x-header :right-options="{showMore: false}" @on-click-more="showMenus = true">产品信息</x-header> -->
    </div>
    <div class="dy-body">
      <div>
        <dl>
          <dt @click="goNext('name')">产品名称</dt>
          <dd>{{ financialData.prdName }}</dd>
        </dl>
        <dl>
          <dt>收益率</dt>
          <dd>{{ financialData.ExpectIncome }}</dd>
        </dl>
        <dl>
          <dt>风险等级</dt>
          <dd>{{ financialData.RiskLevel }}</dd>
        </dl>
        <dl>
          <dt>产品代码</dt>
          <dd>{{ financialData.prdCode }}</dd>
        </dl>
        <dl>
          <dt>产品基准</dt>
          <dd>{{ financialData.prdBaseLine }}</dd>
        </dl>
        <dl>
          <dt>最新单位净值</dt>
          <dd>{{ financialData.newValue }}</dd>
        </dl>
        <dl>
          <dt>产品类型</dt>
          <dd>{{ financialData.prdType }}</dd>
        </dl>
        <dl>
          <dt>首次申购下线</dt>
          <dd>{{ financialData.firstBuyLow }}</dd>
        </dl>
        <dl>
          <dt>追加申购下线</dt>
          <dd>{{ financialData.addBuyLow }}</dd>
        </dl>
        <dl>
          <dt>费率</dt>
          <dd>{{ financialData.buRrate }}</dd>
        </dl>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      financialData: {
        prdName: '芙蓉锦程.汇得益',
        ExpectIncome: '12.98%',
        RiskLevel: '10',
        prdCode: 'A4567',
        prdBaseLine: 'jizhun',
        newValue: '23',
        prdType: '债券型',
        firstBuyLow: '50,000.00',
        addBuyLow: '1,000.00',
        buRrate: '2.5%'
      },
      status: ''
    }
  },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    },
    goNext (a) {
      alert(a)
    },
    refreshOption () {
      let LVm = this
      this.$bridge.callhandler('nativeRequest',
        JSON.stringify({
          'requstSource': 'internetRequest',
          'url': 'http://whichat.icitic.net/mstep/mstep.do?act=business',
          'params': {'method_Name': 'showProDetail', 'basic_Data': {'productId': '3015'}}
        }),
        function (response) {
          response = JSON.parse(response)
          if (response.status === 0 || response.status === '0') {
            LVm.financialData = response.data.data[0]
            LVm.status = response.status
          } else {
            console.log('fail')
          }
        }
      )
    }
  },
  created () {
    // this.refreshOption()
  }
}
</script>

<style lang="less">
.PropertyInformation{
  dl{
    display: flex;
    height: 0.88rem;;
    line-height: 0.88rem;
    border-top: 1px solid #EAEAEA;
    width: 92%;
    margin: 0 auto;
  }
  dl dt,dd{
    flex: 1;
    font-size: 0.28rem;
    color: #333333;
  }
  dd{
    text-align: right;
    color: #999999;
  }
}
</style>
